<!--
 * @Descripttion: 上传图片
 * @version: 
 * @Author: wkl
 * @Date: 2022-05-19 16:56:51
 * @LastEditors: wkl
 * @LastEditTime: 2022-05-19 16:58:59
-->
<template>
  <!-- ~~ 引入ImageListUpload ~~ // 图片模式（照片墙） -->
  <ImageListUpload
    v-model="imagesList"
    :fileLimit="99"
    listType="picture-card"
  />
  <!-- // 图片模式（缩略图） -->
  <ImageListUpload v-model="imagesList" :fileLimit="99" listType="picture" />
  <!-- // 普通文件模式 -->
  <ImageListUpload
    v-model="imagesList"
    :fileSize="80"
    :fileLimit="1"
    listType="text"
    :fileType="['pdf', 'doc', 'docx', 'xls', 'xlsx', 'txt']"
  />
</template>
<script>
import { defineComponent } from "@vue/composition-api";
import { reactive } from "@vue/reactivity";

export default defineComponent({
  setup() {
    const imagesList = reactive([{ url: "xxx", name: "xxx" }]);
  },
});
</script>
